import Icon from "@ant-design/icons/es";

const MySvg = () => (
  <div style={{width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center'}}>
    <svg t="1743961726641" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
         p-id="2826" width="200" height="200">
      <path
        d="M411.7248 838.1184a40.96 40.96 0 1 0 40.96 40.96 40.96 40.96 0 0 0-40.96-40.96zM716.3648 838.1184a40.96 40.96 0 1 0 40.96 40.96 40.96 40.96 0 0 0-40.96-40.96z"
        fill="#333333" p-id="2827"></path>
      <path
        d="M696.6784 441.088H228.0448l79.872 316.4416c5.9904 23.7312 31.104 42.1888 56.32 42.1888h312.704L744.4224 532.48c12.3648-49.1008-8.6528-91.392-47.744-91.392z"
        fill="#EE7C3D" p-id="2828"></path>
      <path
        d="M836.3776 348.928l-93.1328 368.8704h-360.96L289.28 348.928h547.0976m34.3808-81.92H254.8736c-39.0912 0-60.1088 42.2912-47.744 91.264l100.7872 399.36c5.9904 23.7312 31.104 42.1888 56.32 42.1888h397.184c25.216 0 50.304-18.4576 56.32-42.1888l100.7872-399.36c12.3648-48.9728-8.6528-91.264-47.744-91.264z"
        fill="#333333" p-id="2829"></path>
      <path
        d="M263.2192 454.4768a40.96 40.96 0 0 1-39.5776-30.5152l-62.9504-238.08h-17.7664a40.96 40.96 0 0 1 0-81.92h49.3056a40.96 40.96 0 0 1 39.6032 30.4896l71.0144 268.5696a40.96 40.96 0 0 1-39.6288 51.456z"
        fill="#333333" p-id="2830"></path>
    </svg>
  </div>
);

const CartIcon = () => {
  return (
    <Icon component={MySvg}/>
  )
}

export default CartIcon
